<template>
  <div>
<div class="Selected">
      <div class="Selected_title">
        <div>精选专题</div>
        <div class="Selected_img">
          <img src="../assets/icon/arrow-backimg.png" alt />
        </div>
      </div>

      <div class="Selected_context">
        <div class="Selected_flex">
          <div class="Selected_item" v-for="(item,index) in SelectedList" :key="index">
            <div>
              <img style="width:340px;height:260px" :src="item.pic" alt />
            </div>
            <div style="font-size:14px">{{item.title}}</div>
            <div class="van-ellipsis" style="font-size:12px">{{item.descript}}</div>
          </div>
        </div>
          
      </div>
    </div>


  </div>
</template>

<script>
export default {
computed :{
     SelectedList: function () {
      return this.$store.state.SelectedList;
    }
}
}
</script>

<style scoped>
.bargain,.Selected,.Sentiment {
  width: 100%;
  border-bottom: 20px solid #f5f5f5;
}
.bargain_title,.Selected_title,.Sentiment_title {
  width: 100%;
  height: 47px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid #e9e9e9;
}
.bargain_img,.Sentiment_img {
  height: 16px;
}
.Selected_context{
  width: 100%;
  height: 300px;
  overflow: scroll;
}
.Selected_flex{
  display: flex;
  justify-content: left;
}
.Selected_item{
  width: 340px;
}
</style>